﻿@using ZhouYu.DreamTour.Web.Models;
@{
    Layout = null;
    //var RouteList = @ViewBag.RouteListzero;
    //var RouteListone = @ViewBag.RouteListone;
    //var RouteListtwo =@ViewBag.RouteListtwo;
}
@{
    //动态获取时间
    string[] strlist = new string[7];//月日格式的数组
    string[] datelist = new string[7];//年月日格式的数组
    DateTime[] list = { DateTime.Now, DateTime.Now.AddDays(1), DateTime.Now.AddDays(2), DateTime.Now.AddDays(3), DateTime.Now.AddDays(4), DateTime.Now.AddDays(5), DateTime.Now.AddDays(6) };
    for (int i = 0; i < list.Length; i++)
    {
        string strone = list[i].ToString();
        DateTime dtone = DateTime.Parse(strone);
        var strTimeone = dtone.ToString("MM:dd").Replace(":", "-");
        var strTimetwo = dtone.ToString("yyyy:MM:dd").Replace(":", "-");
        strlist[i] = strTimeone;
        datelist[i] = strTimetwo;
    }
    var UserInfo = UserInfoContext.userInfoContext.UserInfo;
}
<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>交通线路页</title>
    <link href="~/css/style.css" rel="stylesheet" type="text/css" />
    <link href="~/css/common.css" rel="stylesheet" type="text/css" />
    <link href="~/layui-v2.5.4/layui/css/layui.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="~/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="~/layui-v2.5.4/layui/layui.js"></script>
    <script type="text/javascript">

        $(function () {
            var wweya_li = $("div.tab_menu ul li");
            wweya_li.click(function () {
                $(this).addClass("selected")
                    .siblings().removeClass("selected");
                var index = wweya_li.index(this);
                $("div.tab_box > div")
                    .eq(index).show(100)
                    .siblings().hide();
            }).hover(function () {
                $(this).addClass("hover");
            }, function () {
                $(this).removeClass("hover");
            });
        });
    </script>
</head>
<body>
    <div class="top_hw clearfix">
        <div class="top_h clearfix" style="width:100%">
            <div class="top_hl" style="margin-left:7%"><span>欢迎来到中国梦想游，让你的梦想全程免费自由行！</span> 预定热线：<b>0571-63322269</b></div>
            <div class="top_hr" style="margin-right:7%">
                @if (UserInfo == null)
                {
                    <a href="/Home/User_Register">会员注册</a>
                    <span>|</span> <a href="/Home/User_Login">登录</a>
                    <span>|</span> <a href="#">梦想收藏</a> <span>|</span> <a href="#">设为首页</a>
                    @*<a>
                欢迎你，来到新世界旅行网！
            </a>*@
                }
                else
                {
                    <a href="/Home/User_Center">会员中心</a>
                    <span>|</span> <a href="#">梦想收藏</a> <span>|</span> <a href="#">设为首页</a> <span>|</span> <a href="/Login/LoginOut">退出</a> <span>|</span>
                    <a>
                        欢迎你，<span>@UserInfo.User_Name</span>来到新世界旅行网！
                    </a>
                }
            </div>
        </div>
    </div>
    <div class="head_w">
        <div class="head_t clearfix">
            <div class="logo"><img src="~/images/logo.jpg"></div>
            <div class="rx_line"><img src="~/images/rx.jpg"></div>
        </div>
    </div>
    <div class="mainNav clearfix">
        <ul class="Nav_ul">
            <li><a href="/Home/Index">首页</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Route">旅游路线</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Scenic">旅游景点</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/CateringAccommodation">餐饮住宿</a><img src="~/images/nav_line.jpg"></li>
            <li class="cur"><a href="/Home/Traffic_DatailsOne">交通线路</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Group">旅游团购</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Specialty">地方特产</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/AutoGenerationIntro">自动生成简介</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Team_Join">团队简介</a><img src="~/images/nav_line.jpg"></li>
            <li><a href="/Home/Itinerary_Details">行程导航</a></li>
        </ul>
    </div>
    <div class="b_wrap">
        <div class="current"><span>当前所在地：</span><a href="/Home/Index">首页</a> >> <a href="/Home/Traffic_DatailsOne">交通线路</a> >> <a href="#">火车票查询</a></div>
        <div class="clumn_w clearfix">
            <div class="clumn_l">
                <div class="clumn">
                    <div class="clumn_tit t01">交通线路</div>
                    <div class="clumn_con">
                        <ul class="xl_ul">
                            <li><a href="#">>> 火车票查询</a></li>
                            <li><a href="#">>> 机票查询</a></li>
                            <li><a href="#">>> 梦想租车</a></li>
                        </ul>
                    </div>
                </div>
                <div class="clumn">
                    <div class="clumn_tit t03"><span>游览历史记录</span><a href="#">更多>></a></div>
                    <div class="clumn_con">
                        <ul class="clu_ul s_ul">
                            <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                            <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                            <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                            <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                            <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                            <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                            <li><a href="#">日本航空·大阪自由行5日    </a><span>¥3152</span></li>
                            <li><a href="#">日本航空·名古屋自由行4日  </a><span>¥3129</span></li>
                            <li><a href="#">购物·东京涉谷原宿自由行5日</a><span>¥5880</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="clumn_r">
                <div class="xl_tit">火车票</div>
                <div class="cx_wrap clearfix">
                    <div class="tab_menu cx_tit clearfix">
                        <ul class="cx_ul">
                            <li class="selected">站站搜索</li>
                            @*<li>车站搜索</li>*@
                            <li>车次搜索</li>
                        </ul>
                        <a class="cx_p" href="#">出票状态查询</a>
                    </div>
                    <div class="tab_box cx_box">
                        <div class="cx_tab">
                            <table width="660" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td class="bt_t" width="75">出发站</td>
                                    <td class="bt_in" width="183">
                                        <label>
                                            <input type="text" name="textfield" id="StartAddress">
                                        </label>
                                    </td>
                                    <td width="62" class="bt_t">到达站</td>
                                    <td class="bt_in" width="190">
                                        <label>
                                            <input type="text" name="textfield3" id="StopAddress">
                                        </label>
                                    </td>
                                    <td width="150" rowspan="2"><a href="#"><img id="imgSel" src="~/images/search_bu.jpg" width="100" height="30"></a></td>
                                </tr>
                                <tr>
                                    <td class="bt_t">日 期</td>
                                    <td class="bt_in">
                                        <label>
                                            <input type="date" name="textfield2" id="SelDateTime">
                                        </label>
                                    </td>
                                    <td>&nbsp;</td>
                                    <td>&nbsp;</td>
                                </tr>
                            </table>
                        </div>
                        @*<div class="hide cx_tab">
                                交换机换句话
                            </div>*@
                        <div class="hide cx_tab">
                            <table width="660" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td class="bt_t" width="50">车次查询</td>
                                    <td class="bt_in" width="183">
                                        <label>
                                            <input placeholder="车次编号,如G343" type="text" name="textfield" id="CarNumber">
                                        </label>
                                    </td>
                                    <td class="bt_in" width="183">
                                        <label>
                                            <input placeholder="" type="date" name="textfield" id="CarNumberTime">
                                        </label>
                                    </td>
                                    <td width="150" rowspan="2"><a href="#"><img id="imgSelCheCi" src="~/images/search_bu.jpg" width="100" height="30"></a></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                @*<p class="k_search">可搜索2959个车站，4003次列车的时刻信息</p>*@
                @*<div class="hb_tj">
                        <div class="hb_tit">航班推荐</div>
                        @for (int i = 0; i < 2; i++)
                        {
                            <div class="hb_con">
                                <table class="hb_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width="43" rowspan="2" align="center" valign="middle"><img src="~/images/fj_bz.jpg"></td>
                                        <td class="cc_m" width="111">@RouteList[i].CompanyNumber</td>
                                        <td class="qf_b" width="85">@RouteList[i].StartCity</td>
                                        <td class="t_qf" width="81">@RouteList[i].StartTime</td>
                                        <td width="118"><b>飞行时长</b></td>
                                        <td width="95" align="center" valign="middle"><span>¥@RouteList[i].Price</span></td>
                                        <td width="147" rowspan="2" align="center"><a href="#"><img src="~/images/order_b.jpg"></a></td>
                                    </tr>
                                    <tr>
                                        <td>@RouteList[i].CompanyName</td>
                                        <td class="jl_b">@RouteList[i].StopCity</td>
                                        <td class="t_jl">@RouteList[i].StopTime</td>
                                        <td>@RouteList[i].currtlyTime</td>
                                        <td align="center" valign="middle">3.4折</td>
                                    </tr>
                                </table>
                            </div>
                        }
                    </div>*@
                <div class="tm_wrap clearfix">

                    <div class="tab_menu tm_tit clearfix" id="topdateTime">
                        <ul class="tm_ul">
                            <li class="selected">@strlist[0]</li>
                            @for (int i = 1; i < @strlist.Length; i++)
                            {
                                <li>@strlist[i]</li>
                            }
                        </ul>
                    </div>

                    <!--车次搜索的页面-->
                    <div id="CheCiDiv" style="display:none">
                        <div class="tm_con clearfix">
                            <div class="lc_wrap">
                                <table class="lc_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width="98"><p><b>车次/类型</b></p></td>
                                        <td width="108"><p><b>始发站</b></p></td>
                                        <td width="119"><p><b>终点站</b></p></td>
                                        <td width="97"><p><span class="lt_row">发车时间</span></p><p></p></td>
                                        <td width="118"><p><span class="lb_row">到站时间</span></p></td>
                                        <td width="118"><p><b>全程时长</b></p></td>
                                        <td width="140">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>操作</b></td>
                                    </tr>
                                </table>
                                <div class="lc_box" id="">
                                    <div class="lc_wb">

                                        <table id="tr_head" class="hb_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                            @*<tbody>
                                                    <tr>
                                                        <td class="cc_m" width="98">G34</td>
                                                        <td class="qf_b" width="108">杭州东</td>
                                                        <td class="" width="119">北京南</td>
                                                        <td width="97" rowspan="2">06:55</td>
                                                        <td width="118" rowspan="2">13:03</td>
                                                        <td width="105" id="">6小时8分</td>
                                                        <td width="140"><a href="#"><img src="~/images/mp_button.jpg"></a></td>
                                                    </tr>
                                                </tbody>*@
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tm_con clearfix">
                            <div class="lc_wrap">
                                <table class="lc_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width="98"><p><b>停靠站序</b></p></td>
                                        <td width="108"><p><b>站名</b></p></td>
                                        <td width="119"><p><span class="lt_row">进站时间</span></p></td>
                                        <td width="97"><p><span class="lt_row">发车时间</span></p><p></p></td>
                                        <td width="118"><p><span class="lt_row">停留时间</span></p></td>
                                        <td width="140">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>操作</b></td>
                                    </tr>
                                </table>

                                <table id="tr_td" class="lc_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                    @*<tr>
                                            <td width="98"><p><b>1</b></p></td>
                                            <td width="108"><p>杭州东</p></td>
                                            <td width="119"><p>07:08</p></td>
                                            <td width="97"><p>	07:10</p><p></p></td>
                                            <td width="118"><p>2分</p></td>
                                            <td width="140"><a href="#">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="~/images/mp_button.jpg"></a></td>
                                        </tr>*@
                                </table>
                            </div>
                        </div>
                    </div>





                    <!--站站搜索的页面-->
                    <div id="zhanzhanSel" class="tab_box tm_box">
                        <div class="tm_con clearfix">
                            <div class="clearfix">
                                <div class="tm_l">
                                    <div class="tm_cx">
                                        <b>车次类型</b>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_0">
                                            D-动车组
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="inter-pay-input">
                                            G-只看高铁
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_2">
                                            T-空调特快
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_3">
                                            其它
                                        </label>
                                    </div>
                                    <div class="tm_cx">
                                        <b>发车时间</b>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_0">
                                            上午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_1">
                                            中午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_2">
                                            下午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_3">
                                            晚上
                                        </label>
                                    </div>
                                </div>
                                <div class="tm_r"><a href="#">更多筛选条件︾</a></div>
                            </div>
                            <div class="lc_wrap">
                                <table class="lc_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width="98"><p><b>车次</b></p><p>类型</p></td>
                                        <td width="108"><p><b>发站</b></p><p><b>到站</b></p></td>
                                        <td width="119"><p><span class="lt_row">发车时间</span></p><p><span class="lb_row">到站时间</span></p></td>
                                        <td width="97"><p><span class="lt_row">运行时间</span></p><p></p></td>
                                        <td width="118"><p><span class="lt_row">参考票价</span></p><p><span class="lb_row">剩余票量</span></p></td>
                                        <td width="140">&nbsp;</td>
                                    </tr>
                                </table>
                                <div class="lc_box" id="lc_box_tran">

                                    <!-- 当前的day -->

                                </div>
                            </div>
                        </div>
                        <!--其余六天-->
                        <div class="hide tm_tab">
                            <div class="clearfix">
                                <div class="tm_l">
                                    <div class="tm_cx">
                                        <b>车次类型</b>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_0">
                                            D-动车组
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_1">
                                            G-只看高铁
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_2">
                                            T-空调特快
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_3">
                                            其它
                                        </label>
                                    </div>
                                    <div class="tm_cx">
                                        <b>发车时间</b>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_0">
                                            上午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_1">
                                            中午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_2">
                                            下午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="">
                                            晚上
                                        </label>
                                    </div>
                                </div>
                                <div class="tm_r"><a href="#">更多筛选条件︾</a></div>
                            </div>
                            <div class="lc_wrap">
                                <table class="lc_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width="98"><p><b>车次</b></p><p>类型</p></td>
                                        <td width="108"><p><b>发站</b></p><p><b>到站</b></p></td>
                                        <td width="119"><p><span class="lt_row">发车时间</span></p><p><span class="lb_row">到站时间</span></p></td>
                                        <td width="97"><p><span class="lt_row">运行时间</span></p><p></p></td>
                                        <td width="118"><p><span class="lt_row">参考票价</span></p><p><span class="lb_row">剩余票量</span></p></td>
                                        <td width="140">&nbsp;</td>
                                    </tr>
                                </table>
                                <div class="lc_box" id="lc_box_tran_two">


                                </div>
                            </div>
                        </div>
                        <div class="hide tm_tab">
                            <div class="clearfix">
                                <div class="tm_l">
                                    <div class="tm_cx">
                                        <b>车次类型</b>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_0">
                                            D-动车组
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_1">
                                            G-只看高铁
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_2">
                                            T-空调特快
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_3">
                                            其它
                                        </label>
                                    </div>
                                    <div class="tm_cx">
                                        <b>发车时间</b>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_0">
                                            上午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_1">
                                            中午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_2">
                                            下午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="inter-pay-input">
                                            晚上
                                        </label>
                                    </div>
                                </div>
                                <div class="tm_r"><a href="#">更多筛选条件︾</a></div>
                            </div>
                            <div class="lc_wrap">
                                <table class="lc_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width="98"><p><b>车次</b></p><p>类型</p></td>
                                        <td width="108"><p><b>发站</b></p><p><b>到站</b></p></td>
                                        <td width="119"><p><span class="lt_row">发车时间</span></p><p><span class="lb_row">到站时间</span></p></td>
                                        <td width="97"><p><span class="lt_row">运行时间</span></p><p></p></td>
                                        <td width="118"><p><span class="lt_row">参考票价</span></p><p><span class="lb_row">剩余票量</span></p></td>
                                        <td width="140">&nbsp;</td>
                                    </tr>
                                </table>
                                <div class="lc_box" id="lc_box_tran_three">



                                </div>
                            </div>
                        </div>
                        <div class="hide tm_tab">
                            <div class="clearfix">
                                <div class="tm_l">
                                    <div class="tm_cx">
                                        <b>车次类型</b>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_0">
                                            D-动车组
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_1">
                                            G-只看高铁
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_2">
                                            T-空调特快
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_3">
                                            其它
                                        </label>
                                    </div>
                                    <div class="tm_cx">
                                        <b>发车时间</b>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_0">
                                            上午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_1">
                                            中午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_2">
                                            下午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="inter-pay-input">
                                            晚上
                                        </label>
                                    </div>
                                </div>
                                <div class="tm_r"><a href="#">更多筛选条件︾</a></div>
                            </div>
                            <div class="lc_wrap">
                                <table class="lc_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width="98"><p><b>车次</b></p><p>类型</p></td>
                                        <td width="108"><p><b>发站</b></p><p><b>到站</b></p></td>
                                        <td width="119"><p><span class="lt_row">发车时间</span></p><p><span class="lb_row">到站时间</span></p></td>
                                        <td width="97"><p><span class="lt_row">运行时间</span></p><p></p></td>
                                        <td width="118"><p><span class="lt_row">参考票价</span></p><p><span class="lb_row">剩余票量</span></p></td>
                                        <td width="140">&nbsp;</td>
                                    </tr>
                                </table>
                                <div class="lc_box" id="lc_box_tran_four">

                                </div>
                            </div>
                        </div>
                        <div class="hide tm_tab">
                            <div class="clearfix">
                                <div class="tm_l">
                                    <div class="tm_cx">
                                        <b>车次类型</b>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_0">
                                            D-动车组
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_1">
                                            G-只看高铁
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_2">
                                            T-空调特快
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_3">
                                            其它
                                        </label>
                                    </div>
                                    <div class="tm_cx">
                                        <b>发车时间</b>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_0">
                                            上午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_1">
                                            中午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_2">
                                            下午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="inter-pay-input">
                                            晚上
                                        </label>
                                    </div>
                                </div>
                                <div class="tm_r"><a href="#">更多筛选条件︾</a></div>
                            </div>
                            <div class="lc_wrap">
                                <table class="lc_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width="98"><p><b>车次</b></p><p>类型</p></td>
                                        <td width="108"><p><b>发站</b></p><p><b>到站</b></p></td>
                                        <td width="119"><p><span class="lt_row">发车时间</span></p><p><span class="lb_row">到站时间</span></p></td>
                                        <td width="97"><p><span class="lt_row">运行时间</span></p><p></p></td>
                                        <td width="118"><p><span class="lt_row">参考票价</span></p><p><span class="lb_row">剩余票量</span></p></td>
                                        <td width="140">&nbsp;</td>
                                    </tr>
                                </table>
                                <div class="lc_box" id="lc_box_tran_five">


                                </div>
                            </div>
                        </div>
                        <div class="hide tm_tab">
                            <div class="clearfix">
                                <div class="tm_l">
                                    <div class="tm_cx">
                                        <b>车次类型</b>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_0">
                                            D-动车组
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_1">
                                            G-只看高铁
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_2">
                                            T-空调特快
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_3">
                                            其它
                                        </label>
                                    </div>
                                    <div class="tm_cx">
                                        <b>发车时间</b>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_0">
                                            上午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_1">
                                            中午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_2">
                                            下午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="inter-pay-input">
                                            晚上
                                        </label>
                                    </div>
                                </div>
                                <div class="tm_r"><a href="#">更多筛选条件︾</a></div>
                            </div>
                            <div class="lc_wrap">
                                <table class="lc_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width="98"><p><b>车次</b></p><p>类型</p></td>
                                        <td width="108"><p><b>发站</b></p><p><b>到站</b></p></td>
                                        <td width="119"><p><span class="lt_row">发车时间</span></p><p><span class="lb_row">到站时间</span></p></td>
                                        <td width="97"><p><span class="lt_row">运行时间</span></p><p></p></td>
                                        <td width="118"><p><span class="lt_row">参考票价</span></p><p><span class="lb_row">剩余票量</span></p></td>
                                        <td width="140">&nbsp;</td>
                                    </tr>
                                </table>
                                <div class="lc_box" id="lc_box_tran_six">


                                </div>
                            </div>
                        </div>
                        <div class="hide tm_tab">
                            <div class="clearfix">
                                <div class="tm_l">
                                    <div class="tm_cx">
                                        <b>车次类型</b>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_0">
                                            D-动车组
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_1">
                                            G-只看高铁
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_2">
                                            T-空调特快
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组1" value="复选框" id="复选框组1_3">
                                            其它
                                        </label>
                                    </div>
                                    <div class="tm_cx">
                                        <b>发车时间</b>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_0">
                                            上午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_1">
                                            中午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="复选框组2_2">
                                            下午
                                        </label>
                                        <label>
                                            <input type="checkbox" name="复选框组2" value="复选框" id="inter-pay-input">
                                            晚上
                                        </label>
                                    </div>
                                </div>
                                <div class="tm_r"><a href="#">更多筛选条件︾</a></div>
                            </div>
                            <div class="lc_wrap">
                                <table class="lc_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td width="98"><p><b>车次</b></p><p>类型</p></td>
                                        <td width="108"><p><b>发站</b></p><p><b>到站</b></p></td>
                                        <td width="119"><p><span class="lt_row">发车时间</span></p><p><span class="lb_row">到站时间</span></p></td>
                                        <td width="97"><p><span class="lt_row">运行时间</span></p><p></p></td>
                                        <td width="118"><p><span class="lt_row">参考票价</span></p><p><span class="lb_row">剩余票量</span></p></td>
                                        <td width="140">&nbsp;</td>
                                    </tr>
                                </table>
                                <div class="lc_box" id="lc_box_tran_seven">
                                    @*<div class="lc_wb">
                                            <table class="hb_tab" width="680" border="0" cellspacing="0" cellpadding="0">
                                                <tbody>
                                                    <tr>
                                                        <td class="cc_m" width="129">HO1252  <a class="ls_a" href="#">详情▼</a></td>
                                                        <td class="qf_b" width="90">北京</td>
                                                        <td class="t_qf" width="107">06:50</td>
                                                        <td width="100" rowspan="2">2小时20分</td>
                                                        <td width="99" align="center" valign="middle">二等座<span> <a class="fn_o" href="#">¥382▼</a></span></td>
                                                        <td width="155" rowspan="2" align="center"><a href="#"><img src="~/images/mp_button.jpg"></a></td>
                                                    </tr>
                                                    <tr>
                                                        <td>吉祥航空</td>
                                                        <td class="jl_b">上海</td>
                                                        <td class="t_jl">09:10</td>
                                                        <td align="center" valign="middle">票量未知</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="p_page clearfix">
                                            <a href="#">1</a>  <a href="#">2</a>  <a href="#">3</a><a href="#">下一页</a> <span>
                                                显示
                                                <label>
                                                    <select name="select" id="select"></select>
                                                </label>
                                                条/页
                                            </span>
                                        </div>*@
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
<script>
    //只查看高铁列车
    $("#inter-pay-input").change(function () {
        //window.location.href = "/Home/Traffic_DatailsOne?TranType=" + "高铁";
    });
    //根据车站搜索数据
    $("#imgSel").on('click', function () {
        $("#CheCiDiv").hide();
        $("#zhanzhanSel").show();
        $("#topdateTime").show();
        //ajax请求跨域的另一种方式:  Access-Control-Allow-Origin:
        var StartCity = $("#StartAddress").val();
        var SelDateTime = $("#SelDateTime").val();
        var StopCity = $("#StopAddress").val();
        var appkey = "94d9ae7b6b889d1f";
        //ishigh是否之查看高铁
        var ishigh = 0;
        var img = "/images/mp_button.jpg";
        //站站查询链接关键字：station2s   不同的查询有不同的请求链接方式 具体可查看接口调试
        //清空div
        $("#lc_box_tran").empty();
        $.ajax({
            async: true,
            url: "https://api.jisuapi.com/train/ticket?appkey=" + appkey + "&start=" + StartCity + "&end=" + StopCity + "&date=" + SelDateTime,
            type: "GET",
            dataType: "jsonp", // 返回的数据类型，设置为JSONP方式
            jsonp: 'callback', //指定一个查询参数名称来覆盖默认的 jsonp 回调参数名 callback
            jsonpCallback: 'handleResponse', //设置回调函数名
            data: {
                q: "javascript",
                count: 1
            },
            success: function (data, status, xhr) {
                console.log('状态为：' + status + ',状态是：' + xhr.statusText);
                console.log(data);
                if (data != null) {
                    for (var i = 0; i < data.result.list.length; i++) {
                        $("#lc_box_tran").append("<div class='lc_wb'><table class='hb_tab' width='680' border='0' cellspacing='0' cellpadding='0'><tbody><tr><td class='cc_m' width='129'>" + data.result.list[i].trainno + "<a class='ls_a' href='#'>详情▼</a></td><td class='qf_b' width='90'>" + data.result.list[i].station + "</td><td class='t_qf' width='107'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].departuretime + "</td><td width='100' rowspan='2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].costtime + "</td><td width='165' align='center' valign='middle'>二等座<span> <a class='fn_o' href='#'>￥" + data.result.list[i].priceyz + "起</a></span></td><td width='155' rowspan='2' align='center'><a href='#'><img src=" + img + "></a></td></tr><tr><td></td><td class='jl_b'>" + data.result.list[i].endstation + "</td><td class='t_jl'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].arrivaltime + "</td> <td align='center' valign='middle'>" + data.result.list[i].numed + "票</td></tr></tbody></table></div>");
                    }
                    $("#lc_box_tran").append(" <div class='p_page clearfix'><a href='#'>1</a>  <a href='#'>2</a>  <a href='#'>3</a><a href='#'>下一页</a> <span>显示<label><select name='select' id='select'></select></label>条/页</span></div>");
                }
            }
        });
    });


    //根据车次编号搜索列车数据
    $("#imgSelCheCi").on('click', function () {
        $("#CheCiDiv").show();
        $("#zhanzhanSel").hide();
        $("#topdateTime").hide();
        var CarNumberTime = $("#CarNumberTime").val();
        var CarNumber = $("#CarNumber").val();
        var appkey = "94d9ae7b6b889d1f";//周小玉：710b4c4edf0a1407 ,超哥：94d9ae7b6b889d1f
        var img = "/images/mp_button.jpg";
        //车次查询链接关键字：line   不同的查询有不同的请求链接方式 具体可查看接口调试
        //清空table
        $("#tr_td").empty();
        $.ajax({
            async: true,
            url: "https://api.jisuapi.com/train/line?appkey=" + appkey + "&trainno=" + CarNumber + "&date=" + CarNumberTime,
            type: "GET",
            dataType: "jsonp", // 返回的数据类型，设置为JSONP方式
            jsonp: 'callback', //指定一个查询参数名称来覆盖默认的 jsonp 回调参数名 callback
            jsonpCallback: 'handleResponse', //设置回调函数名
            data: {
                q: "javascript",
                count: 1
            },
            success: function (data, status, xhr) {
                console.log('状态为：' + status + ',状态是：' + xhr.statusText);
                console.log(data);
                if (data != null) {
                    $("#tr_head").append("<tbody><tr><td class='cc_m' width='98'>" + data.result.trainno + "</td><td class='qf_b' width='108'>" + data.result.startstation + "</td><td class='' width='119'>" + data.result.endstation + "</td><td width='97' rowspan='2'>07:23</td><td width='118' rowspan='2'>14:49</td><td width='105' id=''>7小时26分</td><td width='140'><a href='#'><img src=" + img + "></a></td></tr></tbody>");
                    for (var i = 0; i < data.result.list.length; i++) {
                        $("#tr_td").append("<tr><td width='98'><p><b>" + (i + 1) + "</b></p></td><td width='108'><p>" + data.result.list[i].station + "</p></td><td width='119'><p>" + data.result.list[i].arrivaltime + "</p></td><td width='97'><p>" + data.result.list[i].departuretime + "</p><p></p></td><td width='118'><p>" + data.result.list[i].stoptime + "</p></td><td width='140'><a href='#'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src=" + img + "></a></td></tr><tr><td></td></tr>");
                    }
                }
            }
        });
    });

</script>
<script>
    //页面加载
    @*$(function () {
        //页面加载初始化指定的动车数据 计算机当天的动车记录
        var StartCity = "深圳";
        var SelDateTime ="@datelist[0]";
        var StopCity = "长沙";
        var appkey = "94d9ae7b6b889d1f";
        var ishigh = 1;
        var img = "/images/mp_button.jpg";
        //清空div
        $("#lc_box_tran").empty();
         $.ajax({
                async : true,
                url: "https://api.jisuapi.com/train/ticket?appkey=" + appkey + "&start=" + StartCity + "&end=" + StopCity+ "&date=" + SelDateTime,
                type : "GET",
                dataType : "jsonp", // 返回的数据类型，设置为JSONP方式
                jsonp : 'callback', //指定一个查询参数名称来覆盖默认的 jsonp 回调参数名 callback
                jsonpCallback: 'handleResponse', //设置回调函数名
                data : {
                    q : "javascript",
                    count : 1
                },
                success: function(data, status, xhr){
                    console.log('状态为：' + status + ',状态是：' + xhr.statusText);
                    console.log(data);
                     if (data != null)
                     {
                         for (var i = 0; i <data.result.list.length; i++) {
                             //计算机当天的动车记录
                             $("#lc_box_tran").append("<div class='lc_wb'><table class='hb_tab' width='680' border='0' cellspacing='0' cellpadding='0'><tbody><tr><td class='cc_m' width='129'>" + data.result.list[i].trainno + "<a class='ls_a' href='#'>详情▼</a></td><td class='qf_b' width='90'>" + data.result.list[i].station + "</td><td class='t_qf' width='107'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].departuretime + "</td><td width='100' rowspan='2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].costtime + "</td><td width='165' align='center' valign='middle'>二等座<span> <a class='fn_o' href='#'>￥" + data.result.list[i].priceed + "起</a></span></td><td width='155' rowspan='2' align='center'><a href='#'><img src=" + img + "></a></td></tr><tr><td></td><td class='jl_b'>" + data.result.list[i].endstation + "</td><td class='t_jl'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].arrivaltime + "</td> <td align='center' valign='middle'>" + data.result.list[i].numed + "票</td></tr></tbody></table></div>");
                             //当天的后一天动车记录
                             $("#lc_box_tran_two").append("<div class='lc_wb'><table class='hb_tab' width='680' border='0' cellspacing='0' cellpadding='0'><tbody><tr><td class='cc_m' width='129'>" + data.result.list[i].trainno + "<a class='ls_a' href='#'>详情▼</a></td><td class='qf_b' width='90'>" + data.result.list[i].station + "</td><td class='t_qf' width='107'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].departuretime + "</td><td width='100' rowspan='2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].costtime + "</td><td width='165' align='center' valign='middle'>二等座<span> <a class='fn_o' href='#'>￥" + data.result.list[i].priceed + "起</a></span></td><td width='155' rowspan='2' align='center'><a href='#'><img src=" + img + "></a></td></tr><tr><td></td><td class='jl_b'>" + data.result.list[i].endstation + "</td><td class='t_jl'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].arrivaltime + "</td> <td align='center' valign='middle'>" + data.result.list[i].numed + "票</td></tr></tbody></table></div>");
                             //后两天，下面的依次类推
                             $("#lc_box_tran_three").append("<div class='lc_wb'><table class='hb_tab' width='680' border='0' cellspacing='0' cellpadding='0'><tbody><tr><td class='cc_m' width='129'>" + data.result.list[i].trainno + "<a class='ls_a' href='#'>详情▼</a></td><td class='qf_b' width='90'>" + data.result.list[i].station + "</td><td class='t_qf' width='107'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].departuretime + "</td><td width='100' rowspan='2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].costtime + "</td><td width='165' align='center' valign='middle'>二等座<span> <a class='fn_o' href='#'>￥" + data.result.list[i].priceed + "起</a></span></td><td width='155' rowspan='2' align='center'><a href='#'><img src=" + img + "></a></td></tr><tr><td></td><td class='jl_b'>" + data.result.list[i].endstation + "</td><td class='t_jl'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].arrivaltime + "</td> <td align='center' valign='middle'>" + data.result.list[i].numed + "票</td></tr></tbody></table></div>");
                             $("#lc_box_tran_four").append("<div class='lc_wb'><table class='hb_tab' width='680' border='0' cellspacing='0' cellpadding='0'><tbody><tr><td class='cc_m' width='129'>" + data.result.list[i].trainno + "<a class='ls_a' href='#'>详情▼</a></td><td class='qf_b' width='90'>" + data.result.list[i].station + "</td><td class='t_qf' width='107'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].departuretime + "</td><td width='100' rowspan='2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].costtime + "</td><td width='165' align='center' valign='middle'>二等座<span> <a class='fn_o' href='#'>￥" + data.result.list[i].priceed + "起</a></span></td><td width='155' rowspan='2' align='center'><a href='#'><img src=" + img + "></a></td></tr><tr><td></td><td class='jl_b'>" + data.result.list[i].endstation + "</td><td class='t_jl'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].arrivaltime + "</td> <td align='center' valign='middle'>" + data.result.list[i].numed + "票</td></tr></tbody></table></div>");
                             $("#lc_box_tran_five").append("<div class='lc_wb'><table class='hb_tab' width='680' border='0' cellspacing='0' cellpadding='0'><tbody><tr><td class='cc_m' width='129'>" + data.result.list[i].trainno + "<a class='ls_a' href='#'>详情▼</a></td><td class='qf_b' width='90'>" + data.result.list[i].station + "</td><td class='t_qf' width='107'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].departuretime + "</td><td width='100' rowspan='2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].costtime + "</td><td width='165' align='center' valign='middle'>二等座<span> <a class='fn_o' href='#'>￥" + data.result.list[i].priceed + "起</a></span></td><td width='155' rowspan='2' align='center'><a href='#'><img src=" + img + "></a></td></tr><tr><td></td><td class='jl_b'>" + data.result.list[i].endstation + "</td><td class='t_jl'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].arrivaltime + "</td> <td align='center' valign='middle'>" + data.result.list[i].numed + "票</td></tr></tbody></table></div>");
                             $("#lc_box_tran_six").append("<div class='lc_wb'><table class='hb_tab' width='680' border='0' cellspacing='0' cellpadding='0'><tbody><tr><td class='cc_m' width='129'>" + data.result.list[i].trainno + "<a class='ls_a' href='#'>详情▼</a></td><td class='qf_b' width='90'>" + data.result.list[i].station + "</td><td class='t_qf' width='107'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].departuretime + "</td><td width='100' rowspan='2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].costtime + "</td><td width='165' align='center' valign='middle'>二等座<span> <a class='fn_o' href='#'>￥" + data.result.list[i].priceed + "起</a></span></td><td width='155' rowspan='2' align='center'><a href='#'><img src=" + img + "></a></td></tr><tr><td></td><td class='jl_b'>" + data.result.list[i].endstation + "</td><td class='t_jl'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].arrivaltime + "</td> <td align='center' valign='middle'>" + data.result.list[i].numed + "票</td></tr></tbody></table></div>");
                             $("#lc_box_tran_seven").append("<div class='lc_wb'><table class='hb_tab' width='680' border='0' cellspacing='0' cellpadding='0'><tbody><tr><td class='cc_m' width='129'>" + data.result.list[i].trainno + "<a class='ls_a' href='#'>详情▼</a></td><td class='qf_b' width='90'>" + data.result.list[i].station + "</td><td class='t_qf' width='107'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].departuretime + "</td><td width='100' rowspan='2'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].costtime + "</td><td width='165' align='center' valign='middle'>二等座<span> <a class='fn_o' href='#'>￥" + data.result.list[i].priceed + "起</a></span></td><td width='155' rowspan='2' align='center'><a href='#'><img src=" + img + "></a></td></tr><tr><td></td><td class='jl_b'>" + data.result.list[i].endstation + "</td><td class='t_jl'>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + data.result.list[i].arrivaltime + "</td> <td align='center' valign='middle'>" + data.result.list[i].numed + "票</td></tr></tbody></table></div>");
                         }
                           $("#lc_box_tran").append(" <div class='p_page clearfix'><a href='#'>1</a>  <a href='#'>2</a>  <a href='#'>3</a><a href='#'>下一页</a> <span>显示<label><select name='select' id='select'></select></label>条/页</span></div>");
                        }
                }
         });

    });*@
</script>

